<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div class="slider-container">
    <div class="slider-track" id="slider">
      <div class="slider-range" id="slider-range"></div>
      <div class="slider-thumb" id="thumb-min"></div>
      <div class="slider-thumb" id="thumb-max"></div>
    </div>

    <!-- 输入框 -->
    <div class="range-values">
      <input type="number" id="min-input" step="0.01" value="1.36">
      <input type="number" id="max-input" step="0.01" value="56.77">
    </div>


  </div>

  <!-- jQuery CDN -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>